<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>myProject</title>
    <!-- 引入 lib/echarts.custom.min.js -->
    <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.js"></script>
</head>
<body>
    <div id="exgirl1" style="width: 900px;height:600px;border:3px solid red"></div>
    <script>
        // 绘制图表。
       var myEchart =  echarts.init(document.getElementById('exgirl1'));
        option = {
    color: ['#3398DB'],
    tooltip: {
        trigger: 'axis',
        axisPointer: {            // 坐标轴指示器，坐标轴触发有效
            type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: [
        {
            type: 'category',
            data: ['流失用户', '回流用户', '连续活跃用户', '新用户', '活跃用户'],
            axisTick: {
                alignWithLabel: true
            }
        }
    ],
    yAxis: [
        {
            type: 'value'
        }
    ],
    series: [
        {
            name: '标签人数发布',
            type: 'bar',
            barWidth: '60%',
            data: [ 183472 ,6546 ,524 ,91 ,0 ]
        }
    ]
};




       myEchart.setOption(option);
    </script>
</body>
</html>